<style>
    .show{
        background: #0D9AE4;
        color: #fff;
    }
    .header li{
        float: left;
        padding: 0 1rem;
        cursor: pointer;
        list-style: none;
        font-size: 13px;
        font-weight: 500;
    }
    .group :hover{
        background: #0D9AE4!important;
        color: #fff!important;
    }
    .span{
        font-weight: 600;
        font-size: 15px;
    }
    .div{
        display: inline-block;
        margin-left: 3px;
        vertical-align: middle;
    }
    .admin_num{
        display: inline-block;
        color: blueviolet;
        margin-left: 15px;
        cursor: pointer;
    }
</style>

<div class="panel panel-default panel-intro">
    <div class="panel-body">
        <div>

        </div>
        <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade active in" id="one">
                <div class="widget-body no-padding header">
                    <h3>分省数据总览</h3>
                    <div style="margin-top: 18px">
                        <span class="span">部门</span>
                        <div class="div" style="width: 75%;">
                            <ul style="width: 100%" id="first">
                                {volist name='groupList' id='vo'}
                                <a class="group"  href="javascript:;" cid="{$vo.id}"><li class="{if $vo.id eq $cid}show{/if}">{$vo.name}</li></a>
                                {/volist}
                            </ul>
                        </div>
                    </div>

<!--                    <div style="margin-top: 18px">-->
<!--                        <span class="span">项目</span>-->
<!--                        <div class="div" style="margin-left: 3.2rem">-->
<!--                            <ul style="width: 100%">-->
<!--                                <li><label><input name="type" class="check_type" id="all_type" value="all" checked type="checkbox"/><span>全部</span></label></li>-->
<!--                                <li><label><input name="type" class="check_type" id="cdx"  checked value="1" type="checkbox"/><span>查大学</span></label></li>-->
<!--                                <li><label><input name="type" class="check_type"  value="2" checked type="checkbox"/><span>查升学</span></label></li>-->
<!--                                <li><label><input name="type" class="check_type"  value="4" checked type="checkbox"/><span>查数据</span></label></li>-->
<!--                                <li><label><input name="type" class="check_type"  value="5"  checked  type="checkbox"/><span>查试卷</span></label></li>-->
<!--                                <li><label><input name="type" class="check_type"  value="3" checked type="checkbox"/><span>查专业</span></label></li>-->
<!--                                <li><label><input name="type" class="check_type"  value="6"  checked  type="checkbox"/><span>五查会员</span></label></li>-->

<!--                            </ul>-->
<!--                        </div>-->
<!--                    </div>-->
                    <div style="margin-top: 18px;">
                        <span class="span aa">省份</span>
                        <div class="div" style="width: 80%;">
                            <ul style="width: 100%">
                                <li><label><input name="province" id="all_province" class="check_province"  value="all" checked type="checkbox"/>全部</label></li>
                                {volist name='province' id='vo' key='k'}
                                <li><label><input name="province" {if $k eq 1}id="first_province"{/if} class="check_province" py="{$vo.py}" checked value="{$vo.id}" type="checkbox"/><span>{$vo.name}</span></label></li>

                                {/volist}
                            </ul>
                        </div>
                    </div>
                    <div style="margin-top: 18px">
                        <span class="span">当前搜索条件:</span>
                        <div style="margin-left: 6px;display: inline-block;font-size: 14px;font-weight: 600" id="condition"></div>
                    </div>
                    <div style="margin-top: 18px">
                        <span class="span">开通省份数量:</span>
                        <div style="margin-left: 6px;display: inline-block;font-size: 14px;font-weight: 600" id="admin"></div>
                    </div>
                    <div id="toolbar" class="toolbar" >
                        <a href="javascript:;" class="btn btn-primary btn-refresh" title="{:__('Refresh')}" ><i class="fa fa-refresh"></i> </a>
                    </div>
                </div>
                <table id="table" class="table table-striped table-bordered table-hover table-nowrap"
                       data-operate-edit=""
                       data-operate-del=""
                       width="100%">
                </table>
            </div>
        </div>
        <div class="display" style="width: 12%;display: none;" id="res">
<!--            <p class="bar">分省结果</p>-->
            <div class="list1">
<!--                <h3 class="nickname" style="">-</h3>-->
<!--                <p>-->
<!--                    <span class="res_bar">查大学：</span><span class="res_type" id="type1"></span>-->
<!--                </p>-->
<!--                <p>-->
<!--                    <span class="res_bar">查升学：</span><span class="res_type" id="type2"></span>-->
<!--                </p>-->

<!--                <p>-->
<!--                    <span class="res_bar">查数据：</span><span class="res_type" id="type4"></span>-->
<!--                </p>-->
<!--                <p>-->
<!--                    <span class="res_bar">查试卷：</span><span class="res_type" id="type5"></span>-->
<!--                </p>-->
<!--                <p>-->
<!--                    <span class="res_bar">查专业：</span><span class="res_type" id="type3"></span>-->
<!--                </p>-->
<!--                <p>-->
<!--                    <span class="res_bar">五查会员：</span><span class="res_type" id="type6"></span>-->
<!--                </p>-->
            </div>
        </div>
    </div>
</div>
